﻿@using DailyReport.Options
@using Microsoft.Extensions.Options
@inject IOptionsMonitor<SystemInfo> systemInfo;
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@(systemInfo.CurrentValue.Title+" - "+ViewData["Title"])</title>
    <link href="/avue/index.css" rel="stylesheet" />
    <link href="/elementui/index.min.css" rel="stylesheet" />
    <style type="text/css">.has-report {color: @systemInfo.CurrentValue.SkinColor;}.report-indicator {font-size: 0.8em;color: @systemInfo.CurrentValue.SkinColor} .el-menu--horizontal > .el-menu-item.is-active {color: @systemInfo.CurrentValue.SkinColor !important;}</style>
    @await RenderSectionAsync("Styles", required: false)
</head>
<body>
    <div id="main" v-cloak>
            @RenderBody()
    </div>
    <script src="/vue/vue.js"></script>
    <script src="/elementui/index.i18n.js"></script>
    <script src="/elementui/index.lang.js"></script>
    <script src="/elementui/index.min.js"></script>
    <script src="/elementui/lang/zhCN.js"></script>
    <script src="/elementui/lang/en.js"></script>
    <script src="/elementui/lang/fr.js"></script>
    <script src="/elementui/lang/ja.js"></script>
    <script src="/elementui/lang/vi.js"></script>
    <script src="/elementui/lang/zhTW.js"></script>
    <script>Vue.prototype.$baseURL = "";</script>
    <script src="/vue/axios.min.min.js"></script>
    <script src="/vue/vue-i18n.min.js"></script>
    <script src="/avue/avue.min.js"></script>
    <script src="/avue/avue.option.js"></script>
    @await RenderSectionAsync("Scripts", required: false)
    <script>
        window.addEventListener('beforeunload', function (event) {
            fetch('/shutdown', { method: 'POST' })
                .then(response => { })
                /* .catch(error => console.error('Error:', error)) */;
        });
    </script>
</body>
</html>
